<template>
  <div>
    <h2>攻略首页</h2>
    <div>
      <h3>实时演示编辑器生成的 html 字符串, 最终会被发送到服务器编辑文章</h3>
      <div>
        {{content}}
      </div>
    </div>
    <client-only>
      <VueEditor v-model="content" :editorToolbar="customToolbar"/>
    </client-only>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      customToolbar: [["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }], ["image", "code-block"]]
    }
  }
}
</script>

<style>

</style>